<template>
	<view class="container">


		<!-- 成功图标和文字 -->
		<view class="success-content">
			<image :src="`${$ImgBaseUrl}ReportPassed-icon.png`" class='success-icon' />
			<view class="success-text">账号注销成功</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
</script>

<style scoped lang="scss">
	.container {
		display: flex;
		flex-direction: column;
		align-items: center;
		// justify-content: center;
		height: 100vh;
		/* 占满整个屏幕高度 */
		background-color: #ffffff;
	}


	/* 成功内容区域（图标+文字） */
	.success-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 200rpx;
	}

	/* 成功图标样式 */
	.success-icon {
		width: 120rpx;
		height: 120rpx;
		border-radius: 50%;
		/* 圆形 */
		background-color: #1890ff;
		/* 蓝色背景 */
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 40rpx;
	}
	

	/* 成功文字样式 */
	.success-text {
		font-size: 34rpx;
		color: #303133;
		font-weight: 500;
	}
</style>